<!DOCTYPE html>
<html>

<head>
    <title>Your Admin Panel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <!-- jQuery AND jQueryUI -->
    <script type="text/javascript" src="js/libs/jquery/1.6/jquery.min.js"></script>
    <script type="text/javascript" src="js/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

    <!-- Compressed Version
        <link type="text/css" rel="stylesheet" href="min/b=CoreAdmin&f=css/reset.css,css/style.css,css/jqueryui/jqueryui.css,js/jwysiwyg/jquery.wysiwyg.old-school.css,js/zoombox/zoombox.css" />
        <script type="text/javascript" src="min/b=CoreAdmin/js&f=cookie/jquery.cookie.js,jwysiwyg/jquery.wysiwyg.js,tooltipsy.min.js,iphone-style-checkboxes.js,excanvas.js,zoombox/zoombox.js,visualize.jQuery.js,jquery.uniform.min.js,main.js"></script>
        -->
    <link rel="stylesheet" href="css/min.css" />
    <script type="text/javascript" src="js/min.js"></script>

</head>

<body>

    <script type="text/javascript" src="content/settings/main.js"></script>
    <link rel="stylesheet" href="content/settings/style.css" />


    <div class="settings" id="settings">
        <div class="wrapper">
            <div class="grid3">
                <div class="titre">Backgrounds</div>
                <a href="url(css/img/bg.html" class="backgroundChanger active" title="White"></a>
                <a href="url(css/img/dark-bg.html" class="backgroundChanger dark" title="Dark"></a>
                <a href="url(css/img/wood.html" class="backgroundChanger dark" title="Wood"></a>
                <a href="url(css/img/altbg/smoothwall.html" class="backgroundChanger" title="Smoothwall"></a>
                <a href="url(css/img/altbg/black_denim.html" class="backgroundChanger dark" title="black_denim"></a>
                <a href="url(css/img/altbg/carbon.html" class="backgroundChanger dark" title="Carbon"></a>
                <a href="url(css/img/altbg/double_lined.html" class="backgroundChanger" title="Double lined"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Bloc style</div>
                <a href="black.html" class="blocChanger" title="Black"
                    style="background:url(css/img/bloctitle.png);"></a>
                <a href="white.html" class="blocChanger active" title="White"
                    style="background:url(css/img/white-title.png);"></a>
                <a href="wood.html" class="blocChanger" title="Wood"
                    style="background:url(css/img/wood-title.jpg);"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Sidebar style</div>
                <a href="grey.html" class="sidebarChanger active" title="Grey" style="background:#494949"></a>
                <a href="black.html" class="sidebarChanger" title="Black" style="background:#262626"></a>
                <a href="white.html" class="sidebarChanger" title="White" style="background:#EEEEEE"></a>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <a class="settingbutton" href="#">

        </a>
    </div>
    <!--              
                HEAD
                        -->
    div id="sidebar">
    <ul>
        <li>
            <a href="../manager1/index.html">
                <img src="img/icons/menu/inbox.png" alt="" />
                系统首页
            </a>
        </li>
        <li class="current"><a href="#"><img src="img/icons/menu/layout.png" alt="" /> 图片管理</a>
            <ul>
                <li class="current"><a href="dashboard.html?p=index">Dashboard</a></li>
                <li><a href="forms.html?p=forms">Forms</a></li>
                <li><a href="table.html?p=table">Table</a></li>
                <li><a href="tabs.html?p=tabs">Tabs</a></li>
                <li><a href="gallery.html?p=gallery">Gallery</a></li>
                <li><a href="notifications.html?p=notif">Notifications</a></li>
                <li><a href="charts.html?p=charts">Charts</a></li>
                <li><a href="typography.html?p=typo">Typography</a></li>
                <li><a href="icons.html?p=icons">Icons</a></li>
                <li><a href="calendar.html?p=calendar">Calendar</a></li>
            </ul>
        </li>
        <li><a href="#"><img src="img/icons/menu/brush.png" alt="" />用户管理</a>
            <ul>
                <li><a href="#">Fake menu #1</a></li>
                <li><a href="#">Fake menu #2</a></li>
                <li><a href="#">Fake menu #3</a></li>
            </ul>
        </li>
        <li><a href="#"><img src="img/icons/menu/brush.png" alt="" /> 管理员管理</a>
            <ul>
                <li><a href="#">Fake menu #1</a></li>
                <li><a href="#">Fake menu #2</a></li>
                <li><a href="#">Fake menu #3</a>
                    <ul>
                        <li><a href="#">Fake menu #1</a></li>
                        <li><a href="#">Fake menu #2</a></li>
                        <li><a href="#">Fake menu #3</a>
                            <ul>
                                <li><a href="#">Fake menu #1</a></li>
                                <li><a href="#">Fake menu #2</a></li>
                                <li><a href="#">Fake menu #3</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="nosubmenu"><a href="#"><img src="img/icons/menu/lab.png" alt="" />系统管理</a>
        </li>
        <li class="nosubmenu"><a href="modal.html" class="zoombox w450 h700"><img src="img/icons/menu/comment.png"
                    alt="" /> 消息管理</a></li>
    </ul>


    </div>



    <!--            
              CONTENT 
                        -->
    <div id="content" class="white">
        <h1><img src="img/icons/pictures.png" alt="" /> Gallery</h1>
        <div class="bloc">
            <div class="title">Picture Gallery</div>
            <div class="content">
                <p>You can have gallery inside a block our outside</p>
                <ul class="gallery">
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/0" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/0/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/1" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/1/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/2" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/2/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/3" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/3/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/4" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/4/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/5" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/5/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/6" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/625b2html.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/7" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/7/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/8" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/8/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <a href="#"><img src="http://lorempixum.com/120/80/food/9" alt="" /></a>
                        <span class="info">Image name</span>
                        <a href="#" title="delete Image" class="del">Delete</a>
                        <a href="#" class="over"><span>Edit this image</span></a>
                        <a href="../../../lorempixum.com/800/600/food/9/index25b2.html?.jpg" class="large zoombox"
                            title="full-size">Enlarge</a>
                    </li>
                    <li>
                        <script type="text/javascript">< !--
                                google_ad_client = "ca-pub-3413404722490728";
                            /* 导航栏顶部468+60navigation.html */
                            google_ad_slot = "9534515323";
                            google_ad_width = 468;
                            google_ad_height = 60;
//-->
                        </script>
                        <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                        </script>
                    </li>
                </ul>
                <div class="cb"></div>
            </div>
        </div>


        <ul class="gallery">
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/0" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/0/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/1" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/1/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/2" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/2/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/3" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/3/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/4" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/4/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/5" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/5/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/6" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/625b2html.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/7" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/7/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/8" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/8/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
            <li>
                <a href="#"><img src="http://lorempixum.com/120/80/food/9" alt="" /></a>
                <span class="info">Image name</span>
                <a href="#" title="delete Image" class="del">Delete</a>
                <a href="#" class="over"><span>Edit this image</span></a>
                <a href="../../../lorempixum.com/800/600/food/9/index25b2.html?.jpg" class="large zoombox"
                    title="full-size">Enlarge</a>
            </li>
        </ul>

        <div class="cb"></div>
    </div>


</body>

</html>